<!--
 * @Description:: 请补充填写
 * @Version: 1.0
 * @Author: smallWhite
 * @Date: 2024-05-06 13:43:27
 * @LastEditors: 小白
 * @LastEditTime: 2025-08-07 15:43:36
 * @FilePath: \tmsadmin\src\views\companies_advisory\index.vue
-->
<template>
  <!-- 载入组件 -->
  <KeepAlive>
    <component :is="view" :params="params" @go="linkname" />
  </KeepAlive>
  <!-- 载入组件 -->
</template>
<script lang="ts">
import ActiveList from './components/list.vue' // 加载组件
import ActiveDetails from './components/details.vue' // 加载组件

export default {
  components: {
    ActiveList,
    ActiveDetails
  }
}
</script>

<script setup lang="ts">
import { ref } from 'vue'
defineOptions({ name: 'News' })

const view = ref('ActiveList')
const params = ref({})

const linkname = (data:any) => {
  view.value = data.view
  params.value = data.params
}
</script>

<style scoped lang="scss">

.fade-transverse-enter-active,
.fade-transverse-leave-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.fade-transverse-enter {
  -webkit-transform: translateX(-30px);
  opacity: 0;
  transform: translateX(-30px);
}
.fade-transverse-enter-to {
  -webkit-transform: translateX(0);
  opacity: 1;
  transform: translateX(0);
}
.fade-transverse-leave-to {
  -webkit-transform: translateX(30px);
  opacity: 0;
  transform: translateX(30px);
}
</style>
